﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PeopleIdea.aspx.cs" Inherits="Profession_peopleIdea"
    MasterPageFile="~/Main.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>人才发展-联想控股官方网站</title>
    <link href="/!css/level.css" rel="stylesheet" type="text/css" />
    <!--colorbox弹出层-->
    <link href="/!js/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
    <script src="/!js/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
    <!--colorbox弹出层-->
    <script type="text/javascript" src="/!js/easing.js" language="javascript"></script>
    <script type="text/javascript" src="/!js/ScrollPic.js" language="javascript"></script>
    <script type="text/javascript">
        $(function () {
            var $div_li = $("div.w_activity ul li");
            $div_li.click(function () {
                $(this).addClass("aselected")            //当前<li>元素高亮
				   .siblings().removeClass("aselected");  //去掉其它同辈<li>元素的高亮
                var index = $div_li.index(this);  // 获取当前点击的<li>元素 在 全部li元素中的索引。
                $("div.tabox > div")   	//选取子节点。不选取子节点的话，会引起错误。如果里面还有div 
					.eq(index).show()   //显示 <li>元素对应的<div>元素
					.siblings().hide(); //隐藏其它几个同辈的<div>元素
            }).hover(function () {
                $(this).addClass("ahover");
            }, function () {
                $(this).removeClass("ahover");
            })

            $("#slideUl").slide({
                li_size: 1, //每次滚动li个数,默认一屏
                speed: 1000, //速度：数值越大，速度越慢（毫秒）默认500
                timer: 2000, //不需要自动滚动删掉该参数
                li_w: 154, //每个li的宽度（包括border,margin,padding,都要算进去）
                left: "sildeLeft",
                right: "sildeRight"
            });

            //colorbox弹出图片
            $('.colorbox').colorbox({ rel: 'colorbox' });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="Server">
    <div class="main">
        <div class="main_left">
            <dl>
                <dt><a class="selected" href="../Profession/PeopleIdea.aspx">人才发展</a></dt>
            </dl>
            <dl>
                <dt><a href="../Profession/Job.aspx">岗位需求</a></dt>
            </dl>
            <div class="business_link">
                <p class="r_link">
                    相关链接</p>
                <ul class="r_linklist">
                    <li><a href="../Pages/Speech.aspx">关于我们</a></li>
                    <li><a href="../Pages/OurHistory.aspx">我们的历史</a></li>
                    <li><a href="../Pages/Manage.aspx">管理层</a></li>
                    <li><a href="../Manage/Index.aspx">管理/文化</a></li>
                </ul>
            </div>
            <p class="clear">
            </p>
        </div>
        <div class="main_right">
            <p>
                <img src="/!images/profession_pic.jpg" /></p>
            <p class="pagenavi">
                <a href="../Pages/Index.aspx">首页</a> > <a href="../Profession/PeopleIdea.aspx">加入我们</a>
                > 人才发展</p>
            <div class="w_activity">
                <ul>
                    <%--<li>人本理念</li>--%>
                    <li class="aselected">职业发展</li>
                    <li>薪酬结构</li>
                    <li>福利保障</li>
                </ul>
            </div>
            <div class="tabox">
                <div>
                    <table class="t_peopleidea">
                        <tr>
                            <td>
                                <img src="/!images/profession_pic1.jpg" />
                            </td>
                            <td class="s_info">
                                联想控股的职位体系基于职业发展路径进行设计，提供双重职业发展路径，旨在为员工提供更广阔的职业上升空间与舞台。联想控股重视人才的培养，采取实战锻炼、指导人辅导、课堂培训等多种方式帮助人才成长。
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="none">
                    <table class="t_peopleidea">
                        <tr>
                            <td>
                                <img src="/!images/profession_pic2.jpg" />
                            </td>
                            <td class="s_info">
                                联想控股的薪酬政策体现业绩导向及能力提升，鼓励员工将个人发展融入企业的长远发展。
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="none">
                    <table class="t_peopleidea">
                        <tr>
                            <td>
                                <img src="/!images/profession_pic3.jpg" />
                            </td>
                            <td class="s_info">
                                联想控股为员工提供丰富多样的福利，保障员工的工作与生活的平衡，充分体现“以人为本”的文化。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <p class="peopleidealine">
            </p>
            <div class="welfare_pic">
                <p id="sildeRight" class="fl welfare_icon">
                    <img src="/!images/icon_left.gif" /></p>
                <div class="welfare_list t_center" id="slideUl">
                    <ul>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic1.jpg" title="员工沟通">
                            <img src="/!images/peopleIdea_pic1.jpg" /></a><br />
                            员工沟通</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic2.jpg" title="家庭日活动">
                            <img src="/!images/peopleIdea_pic2.jpg" /></a><br />
                            家庭日活动</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic3.jpg" title="团队活动">
                            <img src="/!images/peopleIdea_pic3.jpg" /></a><br />
                            团队活动</li>
                        <%--<li><a class="colorbox" href="/!images/peopleIdea_bpic4.jpg" title="联想大家庭春节联欢会">
                            <img src="/!images/peopleIdea_pic4.jpg" /></a><br />
                            联想大家庭春节联欢会</li>--%>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic5.jpg" title="艺术赏析">
                            <img src="/!images/peopleIdea_pic5.jpg" /></a><br />
                            艺术赏析</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic6.jpg" title="新员工入职时的工位">
                            <img src="/!images/peopleIdea_pic6.jpg" /></a><br />
                            新员工入职时的工位</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic7.jpg" title="新员工入模子培训">
                            <img src="/!images/peopleIdea_pic7.jpg" /></a><br />
                            新员工入模子培训</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic8.jpg" title="联想控股核心资产运营体系CEO Club">
                            <img src="/!images/peopleIdea_pic8.jpg" /></a><br />
                            CEO Club</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic9.jpg" title="公司战略沟通会">
                            <img src="/!images/peopleIdea_pic9.jpg" /></a><br />
                            公司战略沟通会</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic10.jpg" title="春节联欢会">
                            <img src="/!images/peopleIdea_pic10.jpg" /></a><br />
                            春节联欢会</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic11.jpg" title="茶水间">
                            <img src="/!images/peopleIdea_pic11.jpg" /></a><br />
                            茶水间</li>
                        <li><a class="colorbox" href="/!images/peopleIdea_bpic12.jpg" title="日常培训">
                            <img src="/!images/peopleIdea_pic12.jpg" /></a><br />
                            日常培训</li>
                    </ul>
                    <p class="clear">
                    </p>
                </div>
                <p id="sildeLeft" class="fr welfare_icon">
                    <img src="/!images/icon_right.gif" /></p>
                <p class="clear">
                </p>
            </div>
            <p class="clear">
            </p>
        </div>
        <p class="clear">
        </p>
    </div>
</asp:Content>
